<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Document </title>
		<link href="https://cdn.bootcdn.net/ajax/libs/normalize/8.0.1/normalize.css" rel="stylesheet">
		
		<link rel="stylesheet" href="main.css">
	</head>
	<!-- 
	
	
	https://biaoyansu.com/10.2
	网站骨架 创建 
	
	
	
	https://biaoyansu.com/10.3
	侧栏样式添加
	
	
	 
	 -->
	 
	<body>
		
		<!-- 网站 左边 -->
		<div class="side-bar">
			
			<div class="header">
				<a href="index.html" class="logo"> 王花花 主页</a>
				<div class="intro">Hi I am  whh. Welcome to visit me.</div>
				
			</div>
			<div class="nav">
				<a href="#" class="item">个人中心</a>
				<a href="#" class="item">内容管理</a>
				<a href="#" class="item">学习平台</a>
				<a href="#" class="item">我的钱包</a>
				<a href="" class="item">我的认证</a>
				<a href="" class="item">联系我</a>
			</div>
			<div class="tag-list">
				<a href="#" class="item"># python基础</a>
				<a href="#" class="item"># javascript学习笔记</a>
				<a href="#" class="item"># flask 入门</a>
				<a href="#" class="item"># ES6特性</a>
				
			</div>
			
		</div>
		<!-- 网站 左边  结束-->
		
		<!-- 网站右边 -->
		<div class="main">
			
			<div class="article-list">
				
				<div class="item">
					
					<div class="title">Lorem ipsum dolor sit amet</div>
					<div class="status">发布于:2020-03-15| 阅读: 9882| 收藏:600 |赞:10</div>
					<div class="content">
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. At est facere modi aut pariatur nam fugit et soluta beatae accusamus impedit ex minima molestias quam esse tenetur laboriosam labore nostrum.
					</div>
					
				</div>
				<div class="item"></div>
				<div class="item"></div>
				<div class="item"></div>
				<div class="item"></div>
				<div class="item"></div>
				
			</div>
		</div>
		<!-- 网站右边 结束 -->

	</body>
</html>
